<template>
  <view :class="styles.testVue">
    <AtButton type="primary">123</AtButton>
    <AtProgress percent="50" />
    <view :class="styles.block" @tap="handleToTap">{{ counter.count }}</view>
  </view>
</template>

<script setup lang="ts">
import { ref } from "vue";
import styles from "./test.less";
import { useCounterStore } from "../../stores/counter";
import { AtButton, AtProgress } from "taro-ui-vue3";

const value = ref(1);

const counter = useCounterStore();

const handleToTap = () => {
  counter.increment();
};
</script>
